@import './common.scss';
.cell-info {
    background: #fff;
    margin-bottom: 15rpx;
}

.pop-con-div {
  width: 80vw;
}
.pop-con-div .pop-title {
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 32rpx;
  font-size: 32rpx;
  color: #333;
  position: relative;
}
.pop-con-div .pop-title:after,
.pop-con-div .pop-main:after {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  left: 0;
  bottom: 0;
  border-bottom:0.8px solid $border-color;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.pop-con-div .pop-main {
  padding: 60rpx 32rpx;
  font-size: 28rpx;
  position: relative;
}
.pop-con-div .van-radio__icon {
  display: inline-block;
  vertical-align: middle;
}
.pop-con-div .pop-bottom {
  padding: 20rpx;
  text-align: center;
}
  // 我的资料
     .form{
       background-color: #ffffff;
     	margin-top: 30rpx;
     	border-top: 0.8px solid $border-color;
    
     .h2{
       margin-left: 30rpx
     }
     	.input{
     		padding: 24rpx 30rpx 24rpx 20rpx;
     		border-bottom: 0.8px solid $border-color;
     		.info{
     			flex:1;
          input {
              margin-right: 30rpx;
          }
     			.avatar-wrapper{
            float: right;
            margin-right: 30rpx;
     				width: 70rpx;
     				height: 70rpx;
     				border-radius: 10rpx;
            border: 0.8px solid $border-color;;
     				.avatar{
     					width: 70rpx;
     					height: 70rpx;
     					border-radius: 10rpx;
     				}
     			}
     			input{
     				background: transparent;
     				width: 100%;
     				height: 70rpx;
     				color: #333;
     				font-size: 30rpx;
     			}
     		}
     	}
     }
    .my-button{
        position: fixed; /* 将按钮设置为固定定位 */
        width:100%;
        background-color: #fff;
        padding: 20rpx;
        bottom:0
     }
     // 商家基本信息
     .businessInfo{
       padding-bottom: 70px;
       .top{
         background-color: #ffffff;
         margin-bottom: 60rpx;
       }
       .u-form{
        background-color: #ffffff;
       }
       .my-button{
         position: fixed; /* 将按钮设置为固定定位 */
         width:100%;
         background-color: #fff;
         padding: 20rpx;
         bottom:0;
         z-index :2
        }
     }
    
    .my-invite{
      padding-bottom: 70px;
      height: 100vh;
      background-color: #FFF;
      .top{
        .toptop{
          background: url('https://pic.gxmore.com/FvwupzYsNG0wR31Rqj7BxvzykMNZ') no-repeat;
          width:750rpx;
          height:237rpx;
          background-size: cover;
          position: relative;
          .service{
            height: 102rpx;
            margin: 0 30rpx;
            box-shadow:0rpx 0rpx 10rpx rgba(42,11,0,0.09) ;
            position: absolute;
            bottom: -51rpx;
            border-radius: 29rpx;
            left: 0%;
            right: 0%;
            background-color: #fff;
            display: flex;
            align-items: center;
             .left{
               flex: 1;
               border-right:2rpx solid #FFEBD1;
               display: flex;
               justify-content: center;
               align-items: center;
               text{
                 font-size: 26rpx;
               }
               .item-icon{
                 margin-right: 2rpx;
               }
             }
             .right{
               flex: 1;
               display: flex;
               justify-content: center;
               align-items: center;
               text{
                 font-size: 26rpx;
               }
               .item-icon{
                 margin-right: 2rpx;
               }
             }
          }
        }
      }
      .middle{
       padding:114rpx 52rpx 0 ; 
       font-size: 26rpx;
        .left{
            display: flex;
            border-bottom: 1px solid #FFE5C2;
            padding-bottom: 25rpx;
            .item-icon{
             margin-right: 10rpx; 
              
            }
        }
        .right{
            display: flex;
            padding: 29rpx 0 55rpx;
            .item-icon{
             margin-right: 10rpx; 
              
            }
        }
      }
     .bottom{
       background-color: #ffffff;
       margin: 0rpx 30rpx;
       border-radius: 29rpx;
       min-height:500rpx;
       box-shadow: 0rpx 0rpx 10rpx rgba(42,11,0,0.09);
       padding:30rpx 65rpx 51rpx 30rpx ;
      
       .yeji{
         font-size: 36rpx;
         border-left: 8rpx solid #FC9500;
         padding-left: 18rpx;
       
       }
         .performance{
           margin: 25rpx 0 0;
           padding-left: 18rpx;
           display: flex;
           justify-content: space-between;
           .text1{
             font-size:26rpx;
             color: #929292;
           }
           .text2{
             font-size:26rpx;
             color: #929292;
           }
       }
      
       .wuYeji{
         font-size: $s-font;
         color: #a8a8a8;
         padding: 90px 0 15px 120px;
       }
     }
    }
    
    .my-cms{
      // .top{
      //   margin: 20rpx 0 80rpx  ;
      //   width: 100%;
      //   height: 150rpx;
      //   background-color: #fff;
      //   display: flex;
      //   align-items: center;
      //    .left{
      //      flex: 1;
      //      height: 100%;
      //      border-right:0.8px solid $border-color;
      //      display: flex;
      //      flex-direction: column;
      //      align-items: center;
      //      text{
      //        font-size: 26rpx;
      //      }
      //    }
      //    .right{
      //      flex: 1;
      //      height: 100%;
      //      display: flex;
      //      flex-direction: column;
      //      align-items: center;
      //      text{
      //        font-size: 26rpx;
      //      }
      //    }
      // }
      .num{
        font-size: 26rpx;
        padding: 25rpx 48rpx;
        margin: 15rpx 0 0;
        color: #333;
        background-color: #FFFFFF;
        box-shadow: 0rpx 0rpx 10rpx rgba(0,17,52,0.09);
        border-radius: 25rpx;
        .num-color{
          color: red;
        }
      }
      .cms-bottom{
        background: #fff;
        padding: 30rpx 48rpx;
        margin-bottom: 5rpx;
      @include flexbox(flex-start,center);
        .img{
          width:30px;
          image{
            width:100%;
          }
        }
        .adr-info{
          font-size:$m-font;
          color:$font-color;
          width:calc(100% - 30px);
          padding-left:20px;
          .adr-top{
            line-height: 22px;
            .name{
              font-weight: bold;
              padding-right:10px
            }
          }
          .adr-bottom{
            font-size: 24rpx;
            color: #bfbfbf;
          }
        }
      }
    }
    .custom-info{
      height: 100vh;
      background-color: #FFF;
        .info-top{
          width: 100%;
          height: 155rpx;
          background: linear-gradient(134deg, #56B3FF 0%,  #3378FF 100%);
          position: relative;
          .top-white{
            width: 690rpx;
            height: 194rpx;
            box-shadow: 0rpx 0rpx 10rpx rgba(42,11,0,0.09);
            border-radius: 19rpx;
            background-color: #fff;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top:36rpx;
            .my-image{
              position: absolute;
              left: 96rpx;
              top: 37rpx;
              transform: translateX(-50%);
            }
            .custom-name{
                margin-top: 58rpx;
                margin-left: 177rpx;
                font-size: 26rpx;
                .name {
                  margin-bottom: 13rpx;
                }
                .time {
                }
            }
          }
        }
      .info-middle{
        margin-top: 112rpx;
        padding:  0 30rpx;
      }
     
      .info-list{
        width: 690rpx;
        min-height: 626rpx;
        background: rgba(255,255,255,0.39);
        box-shadow: 0rpx 0rpx 10rpx rgba(42,11,0,0.09);
        border-radius: 18rpx;
        margin: 40rpx 30rpx;
        padding: 30rpx 50rpx 30rpx 30rpx ;
        .info-list-name{
          font-size: 36rpx;
          padding: 0 0 0 30rpx;
          margin-bottom: 32rpx;
          border-left: 8rpx solid  #FF5E01;
        }
        .scroll-view-y{
          max-height:520rpx;
        .info-clone{
          margin-bottom: 20rpx;
          .list-top{
            display: flex;
            justify-content: space-between;
            padding: 38rpx 0 15rpx 0;
            .top-left{
              font-size: 26rpx;
            }
            .top-right{
              color: #929292;
              font-size: 26rpx;
            }
          }
          .list-bottom{
            display: flex;
            justify-content: space-between;
            padding: 0 0 35rpx 0;
            border-bottom: 1rpx solid  #DEDEDE;
            .bottom-left{
              color: #8d8d8d;
              font-size: 24rpx;
            }
            .bottom-right{
              color: #FF0000;
              font-size: 26rpx;
            }
          }
        }
       }
       .scroll-zero{
          font-size: 24rpx;
          color: #929292;
          text-align: center;
          height: 520rpx;
          line-height: 520rpx;
       }
      }
    }
    
    // 我的认证
    .my-authentication{
      background-color: #fff;
      margin: 30rpx 0;
      font-size: $s-font;
      .auth-top{
        font-size: $s-font;
        display: flex;
        justify-content: space-between;
        padding: 30rpx ;
        .default {
            font-size: 22upx;
            background-color: #ff9d02;
            color: #fff;
            padding: 0 18upx;
            border-radius: 24upx;
            margin-left: 20upx;
          }
        .auth-top-right{
          color: red;
        }
      }
      .auth-bottom{
        display: flex;
        justify-content: space-between;
        padding:0 20rpx 10rpx 30rpx;
        .auth-bottom-button{
          color: #0c9eff;
        }
      }
     
    }
    .authentication-bottom{
      width: 100%;
      position: fixed;
      background-color: #fff;
      padding: 20rpx;
      bottom: 0rpx;
    }
     
    // 报价列表
    .quotationlist{
      .quotationlist-content{
        background-color: #fff;
         border-radius: 8px;
        margin: 20rpx 20rpx 0;
        .content-top{
          display: flex;
          justify-content: space-between;
          border-bottom:0.8px solid $border-color;
          .top-right{
            color:$u-primary;
          }
          view{
            margin: 20rpx;
            font-size: $m-font;
          }
        }
        .content-middle{
          padding: 20rpx;
          font-size: $s-font;
          color: $g-font-color;
          border-bottom:0.8px solid $border-color;
          display: flex;
          justify-content: space-between;
          .middle-left-bottom{
            margin-top: 20rpx;
            text{
              margin-right: 10rpx;
            }
          }
        }
        .content-middle2{
          padding: 20rpx;
          font-size: $s-font;
          border-bottom:0.8px solid $border-color;
          .content-middle2-topL{
            display: inline-block;
            margin-right: 120rpx;
            .topL-money{
              color: red;
            }
          }
        .content-middle2-topR{
          display: inline-block;
          .topR-money{
            color: $u-primary;
          }
        }
        .content-middle2-bottom{
          margin-top: 20rpx;
          text{
            padding-right: 40rpx;
          }
        }
        }
        .content-bottom{
          padding:10px 0;
          text-align: right;
          overflow: hidden;
          @include flexbox(flex-end,center);
          }
      }
    }
    
    // 消息列表
    .notice-noticeList{
      font-size: $m-font;
      .notice-top{
        @include flexbox(space-between,center);
        padding: 20rpx;
        .notice-top-left{
          
        }
      }
      .notice-content{
        background-color: #fff;
        margin-bottom: 20rpx;
        .notice-content-top{
          @include flexbox(space-between,center);
          padding: 30rpx;
          .content-top-right{
            view{
              display: inline-block;
              margin-right: 20rpx;
            }
          }
        }
        .notice-content-bottom{
          padding: 0 30rpx 30rpx;
          .content-bottom-left{
            color: $g-font-color;
            margin-right: 40rpx;
          }
        }
      }
    }
    
    // 商品信息
    .business-goodsList{
      padding-bottom: 60px;
        .goodsList-top{
          margin: 20rpx;
        }
        .goodsList-content{
          .content-left{
            padding-left: 10px
          }
          @include flexbox(space-between,center);
          background-color: #fff;
          font-size: $m-font;
          padding: 30rpx 20rpx;
          margin-bottom: 20rpx;
        }
        .goodsList-bottom{
          position: fixed;
          bottom: 0px;
          width: 100%;
          background-color: #fff;
          padding: 20rpx;
        }
    }
    
    //上传营业执照
    .perfect-auth{
      padding-bottom: 110px;
      .perfect-top{
        font-size: $s-font;
        margin: 15px 10px;
      }
      .perfect-cname{
        display: flex;
        justify-content: center;
        flex-direction:row;
        margin: 20px 0 10px;
        .perfect-update-font{
          font-size: $m-font;
          padding: 10px 20px 10px 20px;
        }
      }
      .perfect-auth-button{
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 20rpx;
        margin-top: 10px;
        z-index:2;
        .button-bottom{
          margin-top: 10px;
        }
      }
      .perfect-auth-content{
        .content-top{
          background-color: #fff;
        }
          
        .content-middle{
          color: #00aaff ;
          font-size: $s-font;
          text-align: center;
          padding: 10px;
        }
        .content-bottom{
          background-color: #fff;
        }
      }
    }
    
    // 商家入驻
      .checkIn-business{
        padding-bottom: 110px;
        .checkIn-top{
          font-size: $s-font;
          margin: 15px 10px;
        }
        .checkIn-cname{
          display: flex;
          justify-content: center;
          flex-direction:row;
          margin: 20px 0 10px;
          .checkIn-update-font{
            font-size: $m-font;
            padding: 10px 20px 10px 20px;
          }
        }
        .checkIn-auth-button{
          position: fixed;
          bottom: 0px;
          left: 0;
          right: 0;
          background-color: #fff;
          padding: 20rpx;
          margin-top: 10px;
          z-index:2;
          .button-bottom{
            margin-top: 10px;
          }
        }
        .checkIn-auth-content{
          .content-top{
            background-color: #fff;
          }
          .content-bottom{
            margin: 10px 15px 10px;
            font-size: $s-font;
            color: #8d8d8d;
          }
          
        }
    }
    //  商家入住 审核情况
    .checkInfo-business{
      .checkInfo-top{
        margin: 20px 0 30px;
        font-size: $m-font;
        display: flex;
        align-items: center;
        flex-direction:column;
        .checkInfo-top-icon{
          
        }
        .checkInfo-font{
        }
      }
      .checkInfo-auth-content{
        margin-top: 15px;
        .content-top{
          background-color: #fff;
        }
        .content-bottom{
          margin: 10px 15px 10px;
          font-size: $s-font;
          color: #8d8d8d;
        }
        .content-image{
          font-size: $m-font;
          .content-image-font{
            margin: 15px;
          }
          .content-image-posi{
            display: flex;
            justify-content: center;
          }
        }
      }
      .checkInfo-buttom{
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        margin-top: 10px;
        z-index:2;
        .bottom-text{
          color: red;
          padding: 20rpx 20rpx 20rpx 30rpx;
          font-size: $m-font;
        }
        .checkInfo-auth-button{
          width: 100%;
          padding: 20rpx;
          background-color: #fff;
        }
      }
      
    }
    
    // 我的关注
    .my-attention{
        .inquiry-goods{
          background-color: #fff;
         padding: 0px 20px 5px;
          margin-bottom: 20px;
          overflow: hidden;
		  border-radius: 18rpx;
		  box-shadow: 0px 0px 10px rgba(0, 17, 52, 0.09);
          .inquiry-goods-top{
              display: flex;
              justify-content: space-between;
              margin: 15px 0;
              .left{
                font-size: $m-font;
              }
              .right{
                font-size: $s-font;
                padding-right: 10px;
              }
          }
          .inquiry-goods-bottom{
              display: flex;
              justify-content: space-between;
              .left{
                .update{
                  color: #bfbfbf;
                  font-size: $s-font;
                }
                .pirce{
                  color: red;
                  font-size: $b-font;
                }
                .weight{
                   font-size: $s-font;
                }
              }
              .right{
                  color: #179bff;
              }
          }
        }
      .manufactor{
        background-color: #fff;
        padding: 20px 20px 5px;
        margin-bottom: 20px;
        overflow: hidden;
        display: flex;
		border-radius: 18rpx;
		box-shadow: 0px 0px 10px rgba(0, 17, 52, 0.09);
        .manufactor-left{
          margin-right: 20px;
          // .avatar {
          //   width: 50px;
          //   height: 50px;
          //   border-radius: 10rpx;
          // }
        }
        .manufactor-right{
          flex: 1;
          .manufactor-rbottom{
            margin-top: 10px;
            display: flex;
            justify-content: space-between;
            .manufactor-rbottoml{
              color: #bfbfbf;
              font-size: $s-font;
              padding-left: 5px;
            }
            .manufactor-rbottomr {
              color: #179bff 
              
            }
          }
        }
      }
    }
    
    // 客户详情备注
    .notes{
        position: relative;
      .notes-top{
        height: 346rpx;
        padding: 46rpx;
        background:url('https://pic.moresu.com/FlRt8fWNZc7qnni5Kgj9nL0v0iCs') no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        flex-direction:column;
        .notes-top-t{
          margin-bottom: 21rpx;
        }
        .notes-top-b{
          color: #fff;
          margin-bottom: 34rpx;
          font-size: 26rpx;
        }
      }
      .notes-button{
        margin-top: 20px;
        width: 100%;
        padding: 20rpx;
        background-color: #fff;
      }
    }
    
    // 商家页面
    .business-page{
	  height:100vh;
	  background: #fff;
      .businessPage-top{
		margin-top:-30rpx;  
        border-radius: 36rpx  36rpx 0 0;
        background: linear-gradient(180deg, #fffbf5 0%, #FFFFFF 100%);
		padding:48rpx 32rpx 0rpx 48rpx;
		box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
		.businessPage-top-con{
			 @include flexbox(flex-start,center);
			 border-bottom:1px dashed #DEDEDE;
			 padding-bottom:32rpx;
		}     
        .pageTop-left{
          font-size: $m-font;
          .pageTop-avatar{
           
          } 
        }
		.pageTop-right{
			padding-left:26rpx;
			flex:1;
			.right-top{
				 @include flexbox(space-between,flex-start);
				 .companyName{
				   color: #070D14;
				   font-size: 28rpx;
				   font-weight: bold;
				   flex:1;
				   padding-right:20rpx;
				 }
			}
			.renzhen{
			  font-size: $s-font;
			  color: #bfbfbf;
			  padding-top:10rpx;
			}
			
		}
      }
      .businessPage-content{
        background-color: #fff;
		padding:48rpx;
          display: flex;
          flex-wrap: wrap;
        
          view {
            display: flex;
          }
        
          .row {
            width: 100%;
			margin-bottom:40rpx;
            .nominal {
              width: 40%;
              font-size: 26rpx;
              align-items: center;
              display: inline-block;
            }
            .input {
              width: 100%;
              align-items: center;
              font-size: 26rpx;
              display: inline-block;
              color: #929292;
              .lianXi{
                 display: inline-block;
                 color: #FF5E01;
                 width: 135rpx;
                 height: 44rpx;
                 margin-left: 29rpx;
                 border: 1px solid #FF5E01;
                 border-radius: 22rpx;
                 .lianXiTa{
                   display: inline-block;
                   margin-left: 10rpx;
                 }
              }
              .textarea {
                margin: 20upx 0;
                min-height: 120upx;
              }
            }
        
        }
      }
      .businessPage-bottom{
        background-color: #fff;
          display: flex;
          flex-wrap: wrap;
        margin-top: 50px;
          view {
            display: flex;
          }
        
          .row {
            width: 100%;
            padding: 0 24rpx;
            border-top: solid 1upx #eee;
        
            .nominal {
              width: 30%;
              height: 100upx;
              font-size: 30upx;
              align-items: center;
            }
        
            .input {
              width: 100%;
              padding: 20upx 0;
              align-items: center;
              font-size: 30upx;
              text-align: right;
        
              &.switch {
                justify-content: flex-end;
              }
        
              .textarea {
                margin: 20upx 0;
                min-height: 120upx;
              }
            }
        
        }
      }
    }
    // 报价详情
    .quotation-Info{
      .quo-Info-top{
        .info-top-cell{
          background-color: #fff;
        }
      }
      .quo-Info-middle{
        background-color: #fff;
      }
      .quo-Info-bottom{
        background-color: #fff;
        margin: 10px 0 ;
        padding: 10px;
        display: flex;
        
      }
    }
    
    .chooseCustomer-page-div {
      background: $background-color;
      padding-bottom: 60px;
      .search-list-div {
        margin-top: 8px;
        background: #fff;
    
        .changyong {
          .changyong-title {
            font-size: $m-font;
            padding: 10px 16px;
          }
    
          .changyong-div {
            padding: 10px 16px;
          }
    
          .changyong-span {
            background: #f7f8fa;
            border-radius: 20px;
            display: inline-block;
            padding: 2px 15px;
            line-height: 20px;
            color: #333333;
            margin-right: 10px;
            cursor: pointer;
            white-space: nowrap;
            margin-bottom: 10px;
          }
        }
    
        .list-item {
          position: relative;
          background: #fff;
          
          .customerName {
            display: flex;
            justify-content: space-between;
            font-size: $m-font;
            @include textoverflow(1)
          }
    
          .customerLabel {
            text-align: right;
            font-size: $s-font;
            color: $blue;
          }
    
          .time,
          .realName {
            font-size: $s-font;
            color: $g-font-color;
          }
    
          .realName {
            text-align: right;
          }
    
          .item-bottom {
            margin-top: 5px;
          }
        }
    
        .list-item:after {
          position: absolute;
          box-sizing: border-box;
          content: ' ';
          pointer-events: none;
          right: 16px;
          bottom: 0;
          left: 16px;
          border-bottom: 1px solid #ebedf0;
          -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
        }
      }
    .fixed-bottom{
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    padding: 20rpx;
    z-index: 2;
    margin-top: 60px;
    }
    }